/*
CSS file for Discuz! X
(C) Twelve.
http://www.xcxgy.com
*/
:root {
    --t-base: rgb(255, 10, 0);
    --t-base-hover: rgb(203 48 43 / 21%);
    --t-base-bg: #fff2e3;
    --t-base-bg-hover: #ffe7cd;
    --t-body-bg: #cb2020;
    --t-body-bg-hover: #a81918;
    --t-text: #ffd54a;
    --t-text3: #ffba00;
    /* 全局圆角 */
    --radius: 15px;
    --radius-l: 8px;
    --radius-s: 6px;
}



body {

    color: #626262;
    background: var(--t-body-bg) url('{STYLEIMGDIR}/img/bg2.jpg') no-repeat center !important;

}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
#scform_srchtxt,
textarea,
p,
blockquote,
th,
td,
a,
label,
.bbs,
.pn,
.dt {
    border: none !important;
}





.ct2 .mn {
    width: unset !important;
}

#nv {
    overflow: unset !important;
    border-radius: 8px;
    height: 80px;
    line-height: 80px;

}

#nv li {
    background: transparent;
    padding-right: 6px;
    margin: 0 8px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    position: relative;
    margin-top: 8px;
}

#nv li a {
    height: 60px;
    line-height: 60px;
    color: var(--t-text3);
}

#nv li.a a:after {
    display: block;
    content: "";
    width: 30px;
    height: 40px;
    background: url('{STYLEIMGDIR}/img/rab-hover.png') no-repeat center/100% 100%;
    position: absolute;
    left: 50%;
    top: -30px;
    opacity: 1;
    z-index: 4;
    transform: translate3d(-50%, 0, 0);
    pointer-events: none;
    transition: all .3s;
}




#nv li.a,
#nv li a:hover,
#nv li.hover a:hover,
#nv li.hover a,
#nv li.a a {
    color: var(--t-text) !important;
    background: transparent;
    font-weight: 900;
    font-size: 20px;
    text-decoration: none;
    border-radius: var(--radius);
}







.bm_c,
.p_pop,
.p_pof,
.sllt,
.tl #forumnewshow,
.tedt .area,
.ct2_a,
.ct3_a,
.ct2_a .mn,
.ad .plc,
#uhd,
#category_grid table,
.category_l1,
.category_l2,
.category_l3,
.category_l4,
.nfl .f_c {
    background: var(--t-base-bg) !important;
}



#scrolltop a,
#scbar_btn,
#f_pst .plc,
.ttp a,
.ttp strong,
#toptb,

.tl .ts th,
.tl .ts td,
.tedt .bar,
#mdly,
.jump_bdl .a a,
.jump_bdl .a a:hover,
.p_pop a:hover,
.p_pop a.a,
#sctype_menu .sca,

.tb .a a,
.tb .current a,
.tbn li.a,
.tb a,

.tdats .h th,
.dt th,
.pls,
.m_c,
.exfm,
#p_btn a,
.edt .bar,
.edt .area,
.edt .bbar,
#post_extra_tb label.a,
.td_srchtxt,
.sttl,
.tb .o a {

    background: var(--t-base-bg-hover) !important;

}


.tb .o,
.tb .o a {
    height: unset;
    line-height: unset;

}



.bm {

    margin: 12px 0;
}



.tb a,
.tedt .area,
#profilesubmitbtn {
    background-color: var(--t-base-hover);
}



.fl_icn img {
    width: 48px;
    border-radius: var(--radius);
}


#scrolltop,

#qmenu,
#scbar,
.bm,
.alt,
.alt th,
.alt td,
.t_l,
.t_c,
.t_r,
.m_l,
.m_r,
.b_l,
.b_c,
.b_r,
#e_simple,
#e_fullswitcher,
#autopbn,
#toptb .wp,
.tb .o,
#username,
#subject {
    background: transparent !important;
}



.pbt {
    padding: 8px 0;
}

#scrolltop a {
    margin-bottom: 6px;
    border-radius: 500px;
    height: 30px;
    padding: 3px;
    line-height: 30px;
}

.bmw .bm_h a {
    font-size: 15px;
}

#scrolltop a:before {
    line-height: 30px;
}

.pgsbtn,
.pg a,
.pg strong,
.pgb a,
.pg label,
a.pnc {
    color: var(--t-text3);
    background: var(--t-body-bg-hover);
    border: none !important;
    border-radius: 50px;
}

.pn {

    background: var(--t-body-bg-hover);

}

.tb li {
    margin: 0 3px;
}

.ttp a,
.ttp strong {
    background: url('{STYLEIMGDIR}/img/btn-sp.png') !important;
    background-size: 330px 330px !important;
    background-position: 0 0;
    width: 120px;
    height: 33px !important;
    line-height: 33px;
    text-align: center;
}

.pn {

    box-shadow: unset !important;
    border-radius: 6px;
}

#scbar_txt,
#scbar_type,
.jump_bdl li,
#scbar_btn,
#scform_submit {
    background: rgb(82 0 0 / 19%) !important;
    color: var(--t-text3) !important;
}







input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--t-text) !important;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--t-text) !important;
}

input::-webkit-input-placeholder {
    color: var(--t-text) !important;
}

input:-ms-input-placeholder {
    color: var(--t-text) !important;
}

.scbar_icon_td {
    width: 0;
}



#livereplycontent dl dt img,
.avt img {
    border-radius: 8px;
    background-color: var(--t-text3);
    border: 1px solid var(--t-text3);
}

.fl_tb td,
#onlinelist,
#category_lk {
    padding: 10px !important;
}




#plhin {
    background: rgb(252 201 14 / 15%);
}

/*所有以post_开头的class */
.plhin {
    background: var(--t-base-bg);
    border-radius: var(--radius);
    padding: 8px;
    margin: 18px 0;
    overflow: hidden;
}

#post_reply,
#post_replytmp {
    margin: 0 !important;
    background: var(--t-body-bg-hover);
}

#wp.wp,
#hd .wp,
#ft.wp {
    padding: 16px !important;
    margin-bottom: 18px;
}



#toptb .wp {
    padding: 0 !important;
}

.wp {
    background-color: rgba(255, 255, 255, 0.06);
    width: 1200px;
    backdrop-filter: blur(10px);
    position: relative;

}


.tedt .area,
#wp .wp {
    padding: 0 !important;
}

#hd {
    margin-top: 100px;
}


.header-video {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

#bgvideo {
    margin: 0;
    border: 0;
    top: 0;
    padding: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: top center;
    object-fit: cover;
    position: absolute;
}

#scform_tb .a::before {
    border-bottom: 4px solid var(--t-base-bg-hover) !important;
}

.header-seach {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.avt img {
    width: 28px;
    height: 28px;
}

.fl .bm_h,
.bm_h,
#category_grid h4,
.tl .th {
    background: url('{STYLEIMGDIR}/img/bg.jpg') center/90% !important;
}

.tl tr:hover th,
.tl tr:hover td,
.pnpost .pn {
    background-color: var(--t-base-hover) !important;
}

.tl .th td,
.tl .th th {
    color: var(--t-text);
}

.header-nav {



    height: 200px;

    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
}










#livethread {
    background: var(--t-base-bg) !important;
}



/* 圆角 */
.bm,
#hd .wp,
#ft.wp,
#wp.wp,
.ct2_a .mn,
#livefastcomment,
#livereplycontentout,
.p_pop,
.p_pof,
.sllt,
#scbar_txt,
#scbar_btn,
#uhd,
.bw0 .bm_c,
.td_srchtxt,
.td_srchbtn {
    border-radius: var(--radius);
}


/* 链接文字颜色 */
#pt .z a,
#um,
#um a,
.bm_h a,
#flk a,
#frt a,
.ttp .a a,
.pnc,
a.pnc,
#scform_tb .a,


.m_c .o,
#category_grid h4,
.bmw .bm_h a,
#autopbn,
.xi2,
.xi2 a,
.xi3 a,
.ttp a,
#ft a,
.ttp strong {

    color: var(--t-text3);
}

/* 非链接文字 */
#scform_tb a,
.ttp .a a,
#pt .z em,
#an li em,
.nvhm,
.lk p,
#ft,
#atarget,
.unchk,
.chked,
.pf_l em,
#pt .z,
.chart:before,
.chart,
.chart em,
.bm_h .o img,
.bm_h .o em,
.xs1,
#thread_subject,
.fc-s,
.fastlg,
.ftid a,

button,

textarea {
    color: var(--t-text) !important;
}


.fastlg a,
.fl_g a,
.fl_by a,
.fl_i .xi2,
#scrolltop a,
.num .xi2,
.xw1,
.xg2,
.xg2 .xi2,
.pil .xi2,
.fl_g dt a,
#td_qq a,
.rfm th,
.rfm label,
#showSelectBox,
.tb .y a,
.tb .o a {
    color: var(--t-body-bg);

}

.ct2_a,
.ct3_a {
    background: var(--t-base-bg) !important;
    border-radius: 8px;
    overflow: hidden;
}

.pgb a:hover,
.bm_h {
    color: var(--t-text) !important;

}

.pgb a::before {
    border-right: 0.4em solid var(--t-text) !important;
}

.pg a.nxt::after {
    border-left: 0.4em solid var(--t-text) !important;
}

.ad .pls {
    height: auto !important;
}

#postbox {
    padding: 16px;
}




.tbn li.a {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

.tb .a a,
.tb li a,
#online,
#category_grid,
#category_lk,
#fwin_content_login,
#main_message,
#scform_submit {
    border-radius: var(--radius) !important;
    overflow: hidden;
}

#scform_submit {
    margin-left: 12px;
}

.pbn .bm_c,
.bm_c .ptn {
    padding: 0 !important;
}

.bmw .bm_c,
#f_pst .bm_c {
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

#threadlist .th,
#f_pst .bm_h,
.fl .bm_h {
    border-top-left-radius: var(--radius) !important;
    border-top-right-radius: var(--radius) !important;
}

.vwthd {
    background: url('{STYLEIMGDIR}/img/bg.jpg') center/90% !important;
    border-top-right-radius: var(--radius)
}

.pls {
    border-top-left-radius: var(--radius)
}

.postlist_0 .plhin {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: 0 !important;
}

#main_message {
    background: var(--t-base-bg) !important;
}




.px,
.pt,
.ps,
select {
    border-color: var(--t-text) !important;

    border-radius: var(--radius-l);
    color: var(--t-body-bg) !important;
}

input {
    border-color: var(--t-text) !important;
    border-radius: var(--radius-l);
}

#ct .ct2_a {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-start;
}

.boardnav .cl .mn .bml {
    border-radius: var(--radius);
    background: var(--t-base-bg) !important;
    overflow: hidden;
}

.boardnav .cl .mn .bm_c {
    padding: 8px !important;
}

.header-logo img {
    height: 120px;
}

.ct2_a,
.ct3_a {
    background: var(--t-base-bg) !important;
    border-radius: 8px;
    overflow: hidden;


}
#gmy::after,
#gupgrade::after,
#guser::after,
#gadmin::after {

    vertical-align: 12px!important; 
}
#gmy_menu,
#gupgrade_menu,
#guser_menu,
#gadmin_menu {
    top: 60px !important; 
}
#gadmin_menu{
    left: 620px!important; 
}

#guser_menu{
    left: 720px!important; 
}
#gupgrade_menu{
    left: 820px!important; 
}
#gmy_menu{
    left: 920px!important; 
}
.ct2_a .mn {
    position: relative;
}